<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">

    {% block title %}
    <title>全国招聘大数据分析系统</title>
    {% endblock %}
    <link href="../static/css/layout.css" rel="stylesheet" type="text/css">
<!--     <link rel="stylesheet" href="../static/css/layui.css"  media="all">-->
    <link rel="stylesheet" href="../static/css/font.css">
    <link rel="stylesheet" href="../static/lib/layui/css/layui.css">
    <link rel="stylesheet" href="../static/css/xadmin.css">
    <script src="../static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../static/js/xadmin.js"></script>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>



</head>


<body class="index">

  {% block head %}
  <!--导航栏-->
    <div class="container"  >

                        {% block headExted %}
         <!--     个人报告 -->
           <ul class="layui-nav right"  lay-filter="" style="width: auto">
                <li class="layui-nav-item close-all" data-type="closeall">
                    <a href="/"><P>首页</P></a>
                </li>
                <!--   个人中心  -->
                <li class="layui-nav-item close-all" data-type="closeall">
                     {% if  session.get("login") == 'success'  %}
                            <a href="/personal">{{session["user_name"]}}</a>
                    {% endif %}
                </li>
                <!--   后台管理  -->
                  <li class="layui-nav-item close-all" data-type="closeall">
                    {% if  session.get("power") > 0  %}
                         <a href="/management"><P>控制台</P></a>
                    {% endif %}
                </li>

                <li class="layui-nav-item close-all"  data-type="closeall">
                        {% if session.get("power") >= 0  %}
                                <a href="/personal/report"><P>个人报告</P></a>
                        {% endif %}
                </li>
                <!--     登录退出 -->
                <li class="layui-nav-item " >

                        {% if  session.get("login") == 'success' %}
                         <a class="close-all" data-type="closeall" href="/exit"><P>
                            退出
                        </P> </a>
                        {% else %}
                        <a class="close-all" data-type="closeall" href="/login"><P>
                            登录
                         </P> </a>
                        {% endif %}

                </li>

            </ul>


                     {% endblock %}


               <div class="logo" style="width: 100%;text-align: center;height: 100%" >
                   <div style="margin: 0 auto;height: 100%;width: 100px">
                       <p style="margin: 0 auto auto -100px">全国招聘大数据分析系统</p></div>
                </div>



    </div>
     {% endblock  %}
        <!-- 顶部结束 -->


   {% block right%}

   {% endblock %}



 <!--右边展示-->
  {% block left%}

  {% endblock %}

<!--  版权-->
    {% block footer%}
       <div style="position:relative;bottom:-15px;width: 100%;margin: -55px 0px 0px 0px;padding: 0;">
          <p style="opacity: 0.8;text-align: center; color: white;">&copy; 2021 全国招聘大数据分析系统</p>
        </div>
      {% endblock %}

<script>

layui.use('element',function(){
        var $ = layui.jquery;
        var element = layui.element;//Tab的切换功能，切换事件监听等，需要依赖element模块
        var layer = layui.layer;
        var active = {
        //在这里给active绑定事件，后面可通过active调用这些事件
            tabDeleteAll:function(ids){//删除所有
                $.each(ids,function(i,item){
                    element.tabDelete("xbs_tab",item);//ids是一个数组，里面存放了多个id，调用tabDelete方法分别删除
                })
            }
        };

        $(".close-all").click(function () {
            if ($(this).attr("data-type") == "closeall") {
                var tabtitle = $(".layui-tab-title li");
                var ids = new Array();
                $.each(tabtitle, function (i) {
                    ids[i] = $(this).attr("lay-id");
                });
                active.tabDeleteAll(ids);
            }

        })
    });



</script>

</body>
</html>